<template>
  <div class="user-center-module">
    <avatar-upload 
      :current-avatar="userInfo.avatar" 
      @update="$emit('update-avatar', $event)"
    />
  </div>
</template>

<script>
import AvatarUpload from '@/components/user/AvatarUpload.vue';

export default {
  name: 'UserAvatarView',
  components: {
    AvatarUpload
  },
  props: {
    userInfo: {
      type: Object,
      required: true
    }
  },
  emits: ['update-avatar']
};
</script>

<style scoped>
.user-center-module {
  width: 800px; /* 固定宽度 */
}
</style> 